<!--
@description: 国际化
-->

<template>
  <div>{{ t('msg') }}</div>
</template>

<script setup lang='ts'>
// 1. 定义 msg 值的数据源
const messages = {
  en: {
    msg: 'hello word'
  },
  zn: {
    msg: '你好世界'
  }
}

// 2. 定义切换变量
const local = 'en'

// 3. 定义赋值函数
function t(key) {
  return messages[local][key]
}

</script>